import type { AppSettingsState } from '@/fierce/stores/app-settings';

const appSettings: AppSettingsState = {
  /**
   * 导航模式 vertical 左侧菜单模式 horizontal 顶部菜单模式
   */
  navMode: 'vertical',
  /**
   * 导航风格 dark 暗色侧边栏 light 白色侧边栏 header-dark 暗色顶栏
   */
  navTheme: 'light',
  /**
   * 是否处于移动端模式
   */
  isMobile: false,
  /**
   * 顶部
   */
  headerSettings: {
    /**
     * 背景色
     */
    backgroundColor: '#fff',
    /**
     * 固定顶部
     */
    fixed: true,
    /**
     * 显示重载按钮
     */
    showReload: true,
  },
  /**
   * 页脚
   */
  showFooter: false,
  /**
   * 多标签
   */
  tabsViewSettings: {
    /**
     * 背景色
     */
    backgroundColor: '#fff',
    /**
     * 是否显示
     */
    show: true,
  },
  /**
   * 菜单
   */
  menuSettings: {
    /**
     * 最小宽度
     */
    minMenuWidth: 64,
    /**
     * 菜单宽度
     */
    menuWidth: 200,
    /**
     * 固定菜单
     */
    fixed: true,
    /**
     * 分割菜单
     */
    mixMenu: false,
    /**
     * 触发移动端侧边栏的宽度
     */
    mobileWidth: 800,
    /**
     * 折叠菜单
     */
    collapsed: false,
  },
  /**
   * 面包屑
   */
  crumbsSettings: {
    /**
     * 是否显示
     */
    show: true,
    /**
     * 显示图标
     */
    showIcon: true,
  },
  /**
   * 是否开启路由动画
   */
  pageAnimation: true,
  /**
   * 路由动画类型
   */
  pageAnimationType: 'fade-slide',
  /**
   * UI大小
   */
  size: 'small',
};

export default appSettings;
